<!DOCTYPE html>
<html>

<head>
  <meta charset="UTF-8" />
  <style>
    :root {
      background-color: white;
    }
  </style>

</head>

<body>
  <h1>Small images (&lt;1500 bytes) are embed in HTML directly</h1>

  <h2>Small SVG</h2>
  <img src="./small.svg" alt="Small arrow" />

  <h2>Small PNG</h2>
  <img src="./smilley.png" alt="Small Yellow smilley" />
  <p>
    This PNG is bigger than 1500 Bytes in PNG but is smaller than 200 Bytes in
    optimised WebP. So it's embedded as WebP.
  </p>
  <the-fold></the-fold>
</body>

</html>